<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    @@include('./include/header.html')
    <title> 示例页面 </title>
</head>
<body>
<div class="page">
    <div class="page-hd">
        @@include('./include/page-hd.html', {
        "title": "示例页面",
        "menu": ""
        })
    </div>

    <div class="page-bd">
        <!-- 页面内容-->
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">真实姓名</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="city" type="text" placeholder="请输入真实姓名"/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">身份证号</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请填写身份证号码"/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">是否做过微商</label>
                </div>
                <div class="weui-cell__bd weui-cells_checkbox">
                    <label for="s11">
                        <input type="radio" class="weui-check" name="rd1" id="s11">
                        <i class="weui-icon-checked"></i>
                        <span>是</span>
                    </label>
                    <label for="s12" style="margin-left: 10px;">
                        <input type="radio" class="weui-check" name="rd1" id="s12" checked="checked">
                        <i class="weui-icon-checked"></i>
                        <span>否</span>
                    </label>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">微信人数</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请填写微信人数"/>
                </div>
            </div>
            <div class="weui-cell weui-cell_access">
                <div class="weui-cell__hd">
                    <label class="weui-label">所在地区</label>
                </div>
                <div class="weui-cell__bd">
                    <input id='city-picker' class="weui-input" type="text" placeholder="请选择地区"/>
                </div>
                <div class="weui-cell__ft"></div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">婚否</label>
                </div>
                <div class="weui-cell__bd weui-cells_checkbox">
                    <label for="s13">
                        <input type="radio" class="weui-check" name="rd2" id="s13">
                        <i class="weui-icon-checked"></i>
                        <span>是</span>
                    </label>
                    <label for="s14" style="margin-left: 10px;">
                        <input type="radio" class="weui-check" name="rd2" id="s14" checked="checked">
                        <i class="weui-icon-checked"></i>
                        <span>否</span>
                    </label>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">微信号</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="BV15624514" placeholder="请输入微信号"/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">手机号</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请填写手机号码"/>
                </div>
                <div>
                    <a href="javascript:;" class="inline-btn getcode">获取验证</a>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">短信验证码</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请输入短信验证码"/>
                </div>
            </div>
        </div>
        <div class="weui-cells__title">推荐人信息</div>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label for="my-input"  class="weui-label">日历选择</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id='my-input'  type="text" placeholder="请选择日期"/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">年月区间选择</label>
                </div>
                <div class="weui-cell__bd">
                    <label for="star-picker"><span class="show_value text-muted">请选择日期</span></label>
                    <input style="display: none;" class="weui-input" id='star-picker' value="" type="text" placeholder="请选择日期"/>
                    <input style="display: none;" class="weui-input" id='end-picker' value="" type="text" placeholder="请选择日期"/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">姓名</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" value="谢明华" type="text" placeholder=""/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">手机号</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" value="13578454563" type="text" placeholder=""/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">微信号</label>
                </div>
                <div class="weui-cell__bd weui-cells_checkbox">
                    <input class="weui-input" value="huiyui464335058" type="text" placeholder=""/>
                </div>
            </div>
        </div>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <div>需缴纳：<span class="text-red fs30">380</span></div>
                    <div class="fs22 text-muted">(当前佣金账户余额：380，提交后将自动扣除)</div>
                </div>
            </div>
        </div>
        <div class="weui-btn-area weui-cells_checkbox">
            <label style="display: block; text-align: center;">
                <input type="checkbox" class="weui-check" name="agree">
                <i class="weui-icon-checked"></i>
                <span class="weui-agree__text">
                        已阅读并同意<a href="javascript:;">《平台代理服务协议》</a>
                      </span>
            </label>
            <a class="weui-btn weui-btn_primary mt20" href="注册审核中.html">确定</a>
        </div>

    </div>
    @@include('./include/bottom-bar.html', {
    "item1": "active",
    "item2": "",
    "item3": "",
    "item4": "",
    "item5": ""
    })
</div>
@@include('./include/footer.html')
<script>
  $("#my-input").calendar({
    onChange: function (p, values, displayValues) {
      console.log(values, displayValues);
    }
  });

    $("#city-picker").cityPicker({
        title: "请选择地区"
    });

    var start = ''
    $("#star-picker").datetimePicker({
      title: "请选择开始日期",
      date: true,
      onChange: function (e) {
        console.log(e.value);
        start = e.value[0]+'.'+e.value[1]
      },
      onClose: function () {
        $("#end-picker").trigger('click')
      }
    });

    $("#end-picker").datetimePicker({
      title: "请选择结束日期",
      date: true,
      onChange: function (e) {

        //start += '至'+e.value[0]+'.'+e.value[1]
      },
      onClose: function (e) {
        var end = e.value[0]+'.'+e.value[1];
        console.log(start+'至'+end);
        $(".show_value").html(start+'至'+end);
      }
    });
</script>
</body>
</html>